$(function() {
	var vue_city_list = new Vue({
		el: "#city_list",
		data: {
			city_list: [
				["A", "安顺", "安阳", "澳门"],
				["B", "北京", "宝鸡", "蚌埠", "本溪"],
				["C", "重庆", "成都", "长沙", "长春"],
				["D", "大连", "东莞", "大理", "丹东"],
				["E", "鄂尔多斯", "恩施", "鄂州"],
				["F", "福州", "佛山", "阜阳"],
				["G", "广州", "桂林", "贵阳", "甘南"],
				["H", "杭州", "合肥", "海南", "黄石"],
				["J", "济南", "佳木斯", "吉安", "江门"],
				["L", "兰州", "拉萨", "来宾", "莱芜"],
				["M", "马鞍山", "梅州", "绵阳", "牡丹江"],
				["N", "南京", "南昌", "南宁", "南通"],
				["P", "盘锦", "攀枝花", "平顶山"],
				["Q", "青岛", "庆阳", "清远", "秦皇岛"],
				["R", "日喀则", "日照"],
				["S", "上海", "深圳", "苏州", "沈阳"],
				["T", "天津", "太原", "泰安", "泰州"],
				["W", "武汉", "无锡", "威海", "温州"],
				["X", "厦门", "西安", "西宁", "襄樊"],
				["Y", "银川", "雅安", "延安", "延边"],
				["Z", "张家界", "周口", "舟山", "珠海"]
			]
		}
	})
	//<-------------------------为输入框添加change事件----------------------->
	$(".my_city")[0].oninput = function() {
		// 转换成大写
		var keywords = codefans_net_CC2PY($(this).val()).toUpperCase();
		// 遍历所有的城市
		$("#city_list > ul > li").children(0).each(function() {
			// 判断要选中哪一个
			if(keywords == $(this).text()) {
				var h = this.parentElement.offsetTop - 580;
				var count = 0;
				clearInterval(timer);
				var timer = setInterval(function() {
					count++;
					if(count == h) {
						clearInterval(timer);
					}
					$("#city_list").scrollTop(count);
				}, 2)
			}
		})
	}
	//	每一个城市的点击事件和产生的交互
	$("ul li span").click(function() {
		$(".current_city").text($(this).text());
		localStorage.nowCity = $(this).text();
	})
	$(".enter_yihe").click(function() {
		window.location = "index.html";
	})
	$(".header_bottom_left").click(function() {
		window.location = "index.html";
	})
	// <-------------------------登录按钮的点击事件--------------------->
	$(".login").click(function(){
		window.location.href = "login.html";
	})
	//<--------------------------注册按钮的点击事件-------------------->
	$(".register").click(function(){
		window.location.href = "register.html";
	});
	//<-------------点击输入框显示----------->
	$(".my_city").focus(function(){
		$("#city_list").slideDown(400);
	})
})